<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="@{'/public/stylesheets/platform/gatekeeper.css'}" rel="stylesheet" type="text/css" />
	<script src="@{'/public/javascripts/jquery-1.6.4.min.js'}" type="text/javascript" charset="{_response_encoding}"></script>  
	<title>Crane Studio</title>
	<script language="JavaScript" charset="{_response_encoding}">
		
				
			function showMessage(msg){
					$("#sp_err").html(msg);
					$("#sp_err").show();
			}
			function checkForm(){
				if($("#userName").val()==''){
					showMessage("请输入用户名");
					return false;
				}
				if($("#password").val()==''){
					showMessage("请输入密码");
					return false;
				}
				if($("#passwordConfirm").val()==''){
					showMessage("请再次输入密码");
					return false;
				}
				if($("#password").val()!=$("#passwordConfirm").val()){
					showMessage("两次密码输入不一致，请再次输入");
					return false;
				}
				if($("#emailAddr").val()==''){
					showMessage("请输入邮箱地址");
					return false;
				}
				return true;
			}  	
			function doSubmit()
			{
				if (checkForm()) {
					document.logform.submit();
				}
			}
			function enterSubmit()
			{
				document.onkeydown = function(e){
			        if(!e) e = window.event;//火狐中是 window.event
			        if((e.keyCode || e.which) == 13){
			           doSubmit();
			        }
		    	}
			}
	</script>
</head>
<body>

<div class="full">
<div class="logo_login02">
    <img src="@{'/public/images/gatekeeper/logo_login02.jpg'}" />
</div>

<div class="content_login">
<div class="top_bg"></div>
<div class="login_cont01">
	<h5>帐户信息</h5>
	<div class="table">
	<form action="@{GateKeeper.addUser()}" id="logform" name="logform" method="post" onsubmit="return onSubmit();">
		<table border="0" width="100%">
			<tr>
				<td></td>
						<td><span style="color: rgb(255, 0, 0);" id="sp_err">
							#{ifErrors}		        			
		            			${errors[0]}
		    				#{/ifErrors}	
						</span></td>
			</tr>
			<tr>
				<td width="150" class="right" valign="top"><dfn>*</dfn>用户名：</td>
				<td>

					<div class="oneline">
						<input type="text" id="userName" name="userName" class="inputbox" maxlength="50" />
					</div>
					<div class="twoline">
						（5-20位字母、数字或下划线组合，首字符必须为字母。）
					</div>
								
				</td>
			</tr>
			<tr>

				<td width="150" class="right" valign="top"><dfn>*</dfn>密码：</td>
				<td>
					<div class="oneline">
						<input type="password" id="password" name="password" class="inputbox" maxlength="50" />
						<ul id="pwd-strong" style="display:none;"><li>弱</li><li>中</li><li>强</li>
						</ul>
					</div><div class="clear"></div>
					<div class="twoline">
						（为了您的帐户安全，强烈建议您的密码使用字符+数字等多种不同类型的组合，并且密码长度大于5位。）
					</div>
				</td>
			</tr>
			<tr>
				<td width="150" class="right" valign="top"><dfn>*</dfn>再次输入密码：</td>
				<td>
					<div class="oneline">

						<input type="password" id="passwordConfirm" name="passwordConfirm" class="inputbox" maxlength="50" />
					</div>
					<div class="twoline">
                        （确保密码输入正确。）
					</div>
								
				</td>
			</tr>
			<tr>
				<td width="150" class="right" valign="top"><dfn>*</dfn>E-mail：</td>

				<td>
					<div class="oneline">
						<input type="text" id="emailAddr" name="emailAddr" class="inputbox" maxlength="100" />
					</div>
					<div class="twoline">
						（激活码将会发到您的邮箱中，只有激活帐户才可以使用！）
					</div>
								
				</td>
			</tr>
			<tr>
						<td></td>
						<td>
							
							<a id="aReg" class="btn_logintwo" href="javascript:void(0);" onclick="doSubmit()"><span>注 册</span></a>
				            
						</td>
					</tr>
		</table>
	</form>
	</div>
</div>

<div class="login_cont01">
	<div class="table">
	<table border="0">
		<tr>
			<td width="150" class="right" valign="top"></td>
			<td>
				
			</td>

		</tr>
	</table>
	</div>
</div>
<div class="btm_bg"></div>
</div>
</div>
</body>
</html>
